html{height : 100%}

body
{
	margin : 0;
	padding : 0;
	background-color : #F7F2B2;
	font-family : Arial, Helvetica, sans-serif;
	color : #3f2929;
	background-image : url("navbg.png");
	background-repeat : repeat-y;
}

header
{
	background-color : #ADCF4F;
	height :120px;
	border-bottom : #84815B 1px solid;
	padding-left : 50px;
	text-align : right;
}

h1
{
	padding : 0;
	margin : 0;
	padding-top : 40px;
	font-size : 36px;
	float : left;
	color : #3f2929;
}

nav
{
	float : left;
	padding : 20px;
	width : 260px;
}

input
{	
	margin : 30px;
	background-color : #F7F2B2;
	height : 30px;
	width  :230px;
	border : #3f2929 2px solid;
	padding-left : 35px;
	font-size : 18px;
	border-radius : 10px;
	background-image : url("search.png");
	background-repeat : no-repeat;
}

nav li
{
	margin : 5px;
	padding : 5px;
	height : 20px;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
}
nav li:hover
{
	background-color : #7c7952;
}
nav .liDomaine
{
	list-style-image : url("flechedroite.png");
}

nav .liConcept
{
	list-style-image : url("traitliste.png");
}

section
{
	margin-left : 320px;
	padding : 50px;
}

section #boutonGraphe
{
	padding-top : 10px;
	margin : auto;
	margin-top : 100px;
	border-radius : 10px;
	background-color : #84815B;
	height : 40px;
	width : 200px;
	text-align : center;
	font-size : 22px;
}
section #boutonGraphe:hover
{
	background-color : #7c7952;
}
section img
{
	float : right;
	margin-left : 50px;
	margin-bottom : 50px;
}

a
{
	text-decoration : none;
	color : #3f2929;
}

/* PAGE D'UN CONCEPT */
#sectionConcept
{
	margin-top : 50px;
}

#divCanvas
{
	margin-top : 50px;
	float : left;
	width : 500px;
	height : 500px;
}

#divConcept
{
	margin-top : 50px;
	margin-left : 550px;
}

#divHistorique
{
	position : absolute;
}

